<template>
  <el-card>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/stuWelcome' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>英语版块</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/englishList' }">英语角</el-breadcrumb-item>
    </el-breadcrumb>
    <!--    标题-->
    <div class="light">
      <h3>热爱生活</h3>
    </div>
    <div class="content">
      <p>However mean your life is, meet it and live it ;do not shun it and call it hard names. It is not so bad as you are. It looks poorest when you are richest. The fault-finder will find faults in paradise. Love your life, poor as it is. You may perhaps have some pleasant, thrilling, glorious hours, even in a poor-house. The setting sun is reflected from the windows of the alms-house as brightly as from the rich man's abode; the snow melts before its door as early in the spring. I do not see but a quiet mind may live as contentedly there, and have as cheering thoughts, as in a palace. The town's poor seem to me often to live the most independent lives of any. May be they are simply great enough to receive without misgiving. Most think that they are above being supported by the town; but it often happens that they are not above supporting themselves by dishonest means. which should be more disreputable. Cultivate poverty like a garden herb, like sage. Do not trouble yourself much to get new things, whether clothes or friends, Turn the old, return to them. Things do not change; we change. Sell your clothes and keep your thoughts.</p>
      <p>不论你的生活如何卑贱，你要面对它生活，不要躲避它，更别用恶言咒骂它。它不像你那样坏。你最富有的时候，倒是看似最穷。爱找缺点的人就是到天堂里也能找到缺点。你要爱你的生活，尽管它贫穷。甚至在一个济贫院里，你也还有愉快、高兴、光荣的时候。夕阳反射在济贫院的窗上，像身在富户人家窗上一样光亮；在那门前，积雪同在早春融化。我只看到，一个从容的人，在哪里也像在皇宫中一样，生活得心满意足而富有愉快的思想。城镇中的穷人，我看，倒往往是过着最独立不羁的生活。也许因为他们很伟大，所以受之无愧。大多数人以为他们是超然的，不靠城镇来支援他们；可是事实上他们是往往利用了不正当的手段来对付生活，他们是毫不超脱的，毋宁是不体面的。视贫穷如园中之花而像圣人一样耕植它吧！不要找新的花样，无论是新的朋友或新的衣服，来麻烦你自己。找旧的，回到那里去。万物不变，是我们在变。你的衣服可以卖掉，但要保留你的思想。</p>
    </div>
    <div class="light">
      <el-button type="primary" style="margin-top: 20px;" @click="complete">完成阅读</el-button>
    </div>
  </el-card>
</template>

<script>
  export default {
    methods:{
      complete(){
        this.$message({
          message:'恭喜您已完成本篇阅读！',
          type:"success"
        });
        // 跳转至EnglishList页面
        this.$router.replace("/englishList");
      }
    }
  }
</script>
<style scoped>
  .light{
    font-size: 30px;
    text-align: center;
    color: #fefefe;
    text-shadow: 0 0 0.5em #0ae642, 0 0 0.2em #5c5c5c;
    -webkit-animation: shine 2.4s infinite;/*设置动画*/
  }
  @-webkit-keyframes shine{/*创建动画*/
    0%,100%{ color:#fff;text-shadow:0 0 10px #f0d1f8,0 0 10px #0000FF; }
    50%{ text-shadow:0 0 10px #0000FF,0 0 40px #0ae642; }
  }
  .content{
    min-height:350px;
    overflow-y:auto;
    max-height:600px;
  }
  p{
    font-size: 18px;
    color: #fefefe;
    text-shadow:0px 1px 0px #d27878,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, .9);
  }
</style>
